<template>
	<uni-popup ref="popup" type="center" :maskClick="mc">
		
		<view class="ys_block">
			<view class="flex justify-center ys_title">
				<text>用户协议及隐私条款</text>
			</view>
			<view class="ys_content">
				<view>我们依据最新的法律，向您说明<深夜漂流瓶>的隐私政策，特向您推送本提示。请您阅读并充分理解相关条款。</view>
				<view style="margin-top: 20rpx; margin-bottom: 20rpx; font-size: 36rpx;">
					我们承诺
				</view>
				<view style="padding: 0 30rpx;">我们会严格按照《网络安全法》、《信息网络传播保护条例》等保护您的个人信息</view>
				<view style="padding: 0 30rpx; margin-top: 20rpx; margin-bottom: 20rpx;">如果未经您的授权，我们不会使用您的个人信息用于您未授权的其他途径或目的</view>
				<view>您点击"同意"，即表示您已阅读并同意更新后的《用户协议》及《隐私条款》</view>
				<view style="margin-top: 30rpx; margin-left: 30rpx;">
					<view>
						查看完整版<text @tap="redirct_xy" style="color: #86ae93;">《用户协议》</text>及<text @tap="redirct_ys" style="color: #86ae93;">《隐私条款》</text>
					</view>
				</view>
				<view class="flex justify-between" style="margin-top: 30rpx; margin-left: 30rpx; margin-right: 40rpx;">
					<view>
						<button style="background-color: #dedede; color: #000000;" type="primary" size="mini" @tap="redirct_ys">查看完整版</button>
						</view>
					<view>
						<button @tap="agrreet_xy" style="background-color: #ffda4e; color: #000000;" type="primary" size="mini">同意</button>
					</view>
				</view>
			</view>
		</view>
		
	</uni-popup>
</template>

<script>
	import uniPopup from '@/components/uni-ui/uni-popup/uni-popup.vue';
	export default {
		components:{
			uniPopup
		},
		data() {
			return {
				mc: false,
				
			}
		},
		computed:{
			
		},
		mounted() {
			
		},
		methods:{
			open(){
				this.$refs.popup.open();
			},
			close(){
				this.$refs.popup.close();
			},
			redirct_xy(){
				this.close();
				uni.navigateTo({
					url:"../user-agreement/user-agreement"
				});
			},
			redirct_ys(){
				this.close();
				uni.navigateTo({
					url:"../secret-policy/secret-policy"
				});
			},
			agrreet_xy(){
				this.close();
				uni.setStorage({
					key: 'launchFlag', 
					data: true
				}); 
			}
		}
	}
</script>

<style scoped>
	.ys_block{
		width: 100%; 
		height: 900rpx;
		display:flex;
		flex-direction:column!important;
		justify-content:center!important;
	}
	.ys_title{
		width: 100%;
		/* padding-left: 150rpx; */
		padding: 0;
		margin: 30rpx 0;
		height: 50rpx;
		line-height: 50rpx;
		font-weight: bold;
		font-size: 36rpx;
	}
	.ys_content{
		width: 95%;
		text-align: left;
		padding-left: 20rpx;
		/* padding: 0 20px; */
		word-wrap:break-word;
		/* border: 1px solid #000; */
		overflow: hidden;
	}
	
</style>